<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料 - 我的电商网站</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">电商平台</div>
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="/products">商品</a></li>
                <li><a href="/orders">我的订单</a></li>
                <li><a href="/profile" class="active">个人资料</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="profile-container">
            <div class="profile-sidebar">
                <div class="user-info">
                    <div class="avatar">
                        <img src="/static/images/default-avatar.jpg" alt="用户头像">
                        <button class="btn change-avatar">更换头像</button>
                    </div>
                    <h2 id="username">用户名</h2>
                    <p id="user-email">user@example.com</p>
                </div>
                
                <nav class="profile-menu">
                    <a href="/profile" class="active">个人资料</a>
                    <a href="/profile/addresses">收货地址</a>
                    <a href="/profile/security">账户安全</a>
                    <a href="/profile/wishlist">我的收藏</a>
                    <a href="/logout">退出登录</a>
                </nav>
            </div>
            
            <div class="profile-content">
                <h1>个人资料</h1>
                <form id="profileForm">
                    <div class="form-group">
                        <label for="fullName">姓名</label>
                        <input type="text" id="fullName" name="fullName">
                    </div>
                    <div class="form-group">
                        <label for="phone">手机号码</label>
                        <input type="tel" id="phone" name="phone">
                    </div>
                    <div class="form-group">
                        <label for="birthday">生日</label>
                        <input type="date" id="birthday" name="birthday">
                    </div>
                    <div class="form-group">
                        <label for="gender">性别</label>
                        <select id="gender" name="gender">
                            <option value="">请选择</option>
                            <option value="male">男</option>
                            <option value="female">女</option>
                            <option value="other">其他</option>
                        </select>
                    </div>
                    <button type="submit" class="btn">保存更改</button>
                </form>
            </div>
        </section>
    </main>

    <!-- <footer>
        <p>&copy; 2023 电商平台. 保留所有权利.</p>
    </footer> -->

    <script src="/static/js/profile.js"></script>
</body>
</html>